<%@page import="java.util.*"%>
<%@page import="DTL.*"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<html>
    <head>

        <style type="text/css">
            body p, table {
                font-family: Verdana, Geneva, sans-serif;
                font-size:10px;
            }
            body {
                margin-left: 0px;
                margin-top: 0px;
                margin-right: 0px;
                margin-bottom: 0px;
            }
            tr.article:hover {
                background-color:RGB(144,195,68);
            }
            #navigation { 
                margin: 0 ; 
                padding: 0 ; 
                list-style: none ; 
                text-align: left ; 
            }
            #navigation li { 
                display: inline ; 
                margin-right: 2px ; 
                color: #fff ; 
                background:#8CC63E;
                font-size:12px;
            }
            #navigation li a { 
                padding: 2px 20px ; 
                background: #8CC63E ; 
                color: #fff ;  
                font: "Verdana",Arial,sans-serif ; 
                line-height: 1em ; 
                text-align: center ; 
                text-decoration: none;
            }
            #navigation li a:hover, #navigation li a:focus, #navigation li a:active { 
                background: #060 ;
            }
        </style>

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <link rel="icon" type="image/png" href="img/bmg_tr.gif" />

        <title>Bienvenue sur Build More Green Web</title>
    </head>

    <body>    
        <div align="center">

            <table width="838" height="100%" border="0" cellpadding="5">
                <tr>
                    <td width="10" rowspan="3" align="center" background="img/border_l.gif"></td>
                    <td width="800" height="120"><table width="100%" border="0" cellpadding="5">
                            <tr>
                                <td height="120"><img src="img/logo.jpg" alt="" width="255"></td>
                                <td><table width="100%" border="0" align="center" cellpadding="5">
                                        <tr>
                                            <td colspan="2" bgcolor="#8CC63E"><b>votre panier:</b></td>
                                        </tr>
                                        <tr>
                                            <td width="44%" bgcolor="#CCCCCC"><b>Réf. différentes</b></td>
                                            <td width="56%" bgcolor="#CCCCCC"><% out.print(session.getAttribute("panierQuantite"));%></td>
                                        </tr>
                                        <tr>
                                            <td bgcolor="#CCCCCC"><b>Prix total</b></td>
                                            <td bgcolor="#CCCCCC"><% out.print(session.getAttribute("panierPrixTotal"));%></td>
                                        </tr>
                                    </table></td>
                            </tr>
                        </table></td>
                    <td width="10" rowspan="3" align="center" background="img/border_r.gif"></td>
                </tr>

                <tr>
                    <td height="34"><table width="800" colspan="7" border="0" cellpadding="1" bgcolor="#8CC63E">
                            <tr>
                                <td><ul id="navigation">
                                        <li><a href="/BMGweb/Magasin?action=catalogue" title="home">HOME </a></li>
                                        <li><a href="/BMGweb/Magasin?action=panier" title="panier">PANIER </a></li>
                                        <li><a href="/BMGweb/Magasin?action=commande" title="commander">COMMANDER</a></li>
                                    </ul></td>
                            </tr>
                        </table>
                        <p>Bienvenue sur BMG Web ! Passez ici votre commande.</p>
                        <table width="800" colspan="7" border="0" cellpadding="1" bgcolor="#8CC63E">
                            <tr>
                                <td></td>
                            </tr>
                        </table></td>
                </tr>


                <tr>
                    <td valign="top"><p>Sélectionnez une catégorie ou entrez un terme à rechercher</p>
                        <form action="/BMGweb/Magasin" method="get" >
                            <p>Catégorie :
                                <select name="listeCategorie" >
                                    <%
                                        List<Categorie_Entite> listeCat = (List<Categorie_Entite>) request.getAttribute("listeCategorie");
                                        int idSelected = Integer.parseInt(request.getAttribute("selectedID").toString());
                                        String selected = " ";
                                        for (Categorie_Entite cat : listeCat) {
                                  selected = (cat.getId() == idSelected) ? "SELECTED" : " ";%>
                                    <option value="<% out.print(cat.getId());%>" <% out.print(" " + selected + " ");%>>
                                        <% out.print(cat.getIntitule());%>
                                    </option>
                                    <% }
                                    %>
                                </select>
                            </p>
                            <p>Description :
                                <input type="text" name="description" value="<% out.print(request.getAttribute("description"));%>" />
                                <input type="submit" value="Chercher" />
                            </p>
                            <input type="hidden" name="action" value="catalogue">
                        </form>
                        <table width="800" border="0" cellpadding="5">
                            <tr>
                                <td colspan="7" bgcolor="#CCCCCC"><b>Produits disponibles</b></td>
                            </tr>
                            <tr>
                                <td width="131" bgcolor="#CCCCCC"><p>Produit</p></td>
                                <td width="290" bgcolor="#CCCCCC"><p>Description</p></td>
                                <td width="63" bgcolor="#CCCCCC"><p>En stock</p></td>
                                <td width="72" bgcolor="#CCCCCC"><p>Prix unitaire</p></td>
                                <td width="182" bgcolor="#CCCCCC"><p>Quantité souhaitée</p></td>
                            </tr>
                            <% List<Produit_Entite> listePro = (List<Produit_Entite>) request.getAttribute("listeProduit");
                          if (listePro.get(0).getIdProduit() != -1) {
                              for (Produit_Entite pro : listePro) {%>
                            <tr class="article">
                                <td><p>
                                        <% out.print(pro.getIntitule());%>
                                    </p></td>
                                <td><p>
                                        <% out.print(pro.getDescription());%>
                                    </p></td>
                                <td><p>
                                        <% out.print(pro.getStock());%>
                                    </p></td>
                                <td><p>
                                        <% out.print(pro.getPrix());%>
                                    </p></td>
                                <td><form action="/BMGweb/Magasin" method="get">
                                        <input type="text" size="1" name="quantite" value="1" />
                                        <input type="submit" value="Commander" />
                                        <input type="hidden" name="action" value="addtocart" />
                                        <input type="hidden" name="article" value="<% out.print(pro.getIdProduit());%>" />
                                    </form>
                                    </p></td>
                            </tr>
                            <% }
                      } else {%>
                            <tr>
                                <td align="center" colspan="5"><p>Pas de produit dans cette catégorie</p></td>
                            </tr>
                            <% }%>
                        </table>
                        <table width="800" colspan="7" border="0" cellpadding="1" bgcolor="#8CC63E">
                            <tr>
                                <td></td>
                            </tr>
                        </table>
                        </br></td>
                </tr>
            </table>
        </div>
    </body>
</html>